<template>
  <nav v-show="totalPage > 0">
    <ul class="pagination">
      <li class="page-item ng-scope"
          :class="{active: page === selected}"
          v-for="page in totalPage"
          :key="page">
        <nuxt-link class="page-link ng-binding"
                   :to="{
                      name: 'home',
                      query: {
                        page,
                        tag,
                        tab
                      }
                    }"
                   href="">{{ page }}</nuxt-link>
      </li>

    </ul>
  </nav>
</template>

<script>
export default {
  name: 'NavPage',
  props: {
    totalPage: {
      type: Number,
      default: 0
    },
    selected: {
      type: Number,
      default: 1
    },
    tag: {},
    tab: {}
  }
}
</script>

<style>
</style>